<template>
    <div class="workbench-header">
        <div class="header-info">
            <div class="info-img">
                <img src="../../../../assets/workAvatar.png" alt />
            </div>
            <div class="info-introduce">
                <p>Hi，经纬~ 欢迎使用Matrix Magic！</p>
                <p>高级产品设计师 | 用户体验设计中心-企业服务设计部</p>
            </div>
        </div>
        <div class="header-matters">
            <div>
                <p>待处理事项</p>
                <p>120</p>
            </div>
            <div>
                <p>全部事项</p>
                <p>120</p>
            </div>
        </div>
    </div>
</template>

<script>
export default {
  name: '',
  data() {
    return {}
  },
  components: {},
  methods: {}
}
</script>

<style lang="scss" scoped>
.workbench-header {
    width: 100%;
    height: 128px;
    background: rgba(255, 255, 255, 1);
    display: flex;
    justify-content: space-between;
    padding-left: 24px;
    .header-info {
        display: flex;
        .info-img {
            width: 64px;
            height: 64px;
            border-radius: 50%;
            margin: 32px 0;
            overflow: hidden;
            img {
                width: 100%;
                height: 100%;
            }
        }
        .info-introduce {
            margin-left: 24px;
            margin-top: 37px;
            p:nth-child(1) {
                height: 28px;
                font-size: 20px;
                font-weight: 500;
                color: rgba(53, 64, 82, 1);
                line-height: 28px;
                margin-bottom: 7px;
                font-family: PingFangSC-Medium, PingFang SC;
            }
            p:nth-child(2) {
                height: 22px;
                font-size: 14px;
                font-weight: 400;
                color: rgba(127, 143, 164, 1);
                line-height: 22px;
                font-family: PingFangSC-Regular, PingFang SC;
            }
        }
    }
    .header-matters {
        display: flex;
        div {
            width: 144px;
            height: 100px;
            background: rgba(255, 255, 255, 1);
            margin-top: 30px;
            p:nth-child(1) {
                height: 22px;
                font-size: 14px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: rgba(127, 143, 164, 1);
                line-height: 22px;
            }
            p:nth-child(2) {
                height: 46px;
                font-size: 30px;
                font-family: don58-Regular, don58;
                font-weight: 400;
                color: rgba(53, 64, 82, 1);
                line-height: 46px;
            }
        }
    }
}
</style>
